{extend name="Base/common" /}
{block name="content"}
<!-- BEGIN PAGE -->

<style>
    .center{
        display: flex;
        width: fit-content;
        margin: auto;
    }
</style>

<div class="page-content" style="padding-top: 10px;">

    <div class="container-fluid">
        <!-- 面包屑开始-->
        <div class="row-fluid">
            <div class="span12">

                <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                <h3 class="page-title">
                    订单列表
                </h3>
                <ul class="breadcrumb">
                    <li>
                        <a href="/ops/jobs/index">列表</a>
                        <i class="icon-angle-right"></i>
                    </li>
                    <li>
                        订单详情
                    </li>

                </ul>
                <!-- END PAGE TITLE & BREADCRUMB-->
            </div>
        </div>
        <!-- 面包屑结束 -->

        <!-- 带全选的表格开始 -->
        <div class="row-fluid">

            <div class="span12">

                <!-- BEGIN SAMPLE TABLE PORTLET-->

                <div class="portlet">

                    <div class="portlet-title">

                        <div class="caption"><i class="icon-reorder"></i>详情</div>

                        <!-- 表格内容整体操作结束 -->

                    </div>

                    <div class="portlet-body no-more-tables">

                        <ul class="list-group">
                            <li class="list-group-item">订单号： {$data.order_no}</li>
                            <li class="list-group-item">图片组：

                                <div style="display: flex;">
                                    {volist name='$data.img_arr' id="vv"}
                                    <img src="{$vv}" alt="" style="width: 200px; height: 200px; margin-left: 20px">
                                    {/volist}

                                </div>

                            </li>
                            <li class="list-group-item">详情： {$data.details}</li>
                            <li class="list-group-item">支付金额： {$data.pay_money}</li>
                            <li class="list-group-item">下单时间： {$data.add_time}</li>
                            <li class="list-group-item">类型： {$service[$data.type]}</li>
                            <li class="list-group-item">手机号： {$data.mobile}</li>
                            <li class="list-group-item">地址： {$data.address}</li>
                            <li class="list-group-item">接单师傅： {$data.name?:''}师傅</li>
                            <li class="list-group-item">师傅手机号： {$data.a_mobile?:''}</li>
                            <li class="list-group-item">评论：{$data.star?:0}星</li>
                            <li class="list-group-item">状态：

                                {if condition="($data.status == 20)"}
                                等待接单
                                {elseif condition="$data.status == 30"/}
                                {$vo.name}师傅已接单
                                {elseif condition="$data.status == 36"/}
                                待确认
                                {elseif condition="$data.status == 40 and $vo.star == 0"/}
                                已完成待评价
                                {elseif condition="$data.status == 40 and $vo.star > 0"/}
                                已评价
                                {/if}

                            </li>
                        </ul>


                    </div>

                </div>
                <!-- END SAMPLE TABLE PORTLET-->

            </div>
        </div>
        <!-- 带全选的表格结束btn-sort-edit -->

    </div>
</div>
<script>



</script>
<!-- END PAGE -->
{/block}